<template>
    <div class="page-table-container border-box flex-column">
        <a-card class="page_content flex-column" :hoverable="true" :bordered="false">
            <slot></slot>
        </a-card>
    </div>
</template>

<script>
export default {
    name:'PageWrapper'
}
</script>
<style lang="scss" scoped>
.page-table-container{
    flex: 1;
    .page_content{
        flex: 1;
    }
    ::v-deep .ant-card-body{
        flex:1;
        display: flex;
        flex-direction: column;
        cursor: initial;
    }
    //     .tableCommon-wrapper{
    //         padding: 0 20px;
    //         box-sizing: border-box;
    //     }
    // }
    // ::v-deep .ant-card{
    //     background: #F4FAFF;
    // }
}
</style>